﻿<!DOCTYPE html>
<html>
  <head>
    <title>3.2.1 选择灯泡</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/3_2_1_选择灯泡/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/3_2_1_选择灯泡/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Rectangle (矩形) -->
      <div id="u1633" class="ax_default _形状" data-label="Rectangle">
        <div id="u1633_div" class=""></div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1634" class="ax_default" data-left="571" data-top="35" data-width="317" data-height="17">

        <!-- Unnamed (组合) -->
        <div id="u1635" class="ax_default" data-left="852" data-top="35" data-width="29" data-height="15">

          <!-- Unnamed (矩形) -->
          <div id="u1636" class="ax_default _形状">
            <div id="u1636_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1637" class="ax_default _形状">
            <div id="u1637_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1638" class="ax_default _形状">
            <div id="u1638_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u1639" class="ax_default image">
          <img id="u1639_img" class="img " src="images/1_0_闹钟页面/u175.png"/>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u1640" class="ax_default _文本段落" data-label="Header 2">
          <div id="u1640_div" class=""></div>
          <div id="u1640_text" class="text ">
            <p><span>21：25</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u1641" class="ax_default _文本段落" data-label="Header 2">
          <div id="u1641_div" class=""></div>
          <div id="u1641_text" class="text ">
            <p><span>100%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1642" class="ax_default" data-left="548" data-top="148" data-width="339" data-height="224">

        <!-- Unnamed (矩形) -->
        <div id="u1643" class="ax_default _形状">
          <div id="u1643_div" class=""></div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u1644" class="ax_default _水平线">
          <img id="u1644_img" class="img " src="images/3_2_1_选择灯泡/u1644.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u1645" class="ax_default _水平线">
          <img id="u1645_img" class="img " src="images/3_2_1_选择灯泡/u1644.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u1646" class="ax_default _水平线">
          <img id="u1646_img" class="img " src="images/3_2_1_选择灯泡/u1644.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u1647" class="ax_default _水平线">
          <img id="u1647_img" class="img " src="images/3_2_1_选择灯泡/u1644.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1648" class="ax_default label">
        <div id="u1648_div" class=""></div>
        <div id="u1648_text" class="text ">
          <p><span>主卧</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1649" class="ax_default label">
        <div id="u1649_div" class=""></div>
        <div id="u1649_text" class="text ">
          <p><span>卧室1</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1650" class="ax_default label">
        <div id="u1650_div" class=""></div>
        <div id="u1650_text" class="text ">
          <p><span>卧室2</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1651" class="ax_default label">
        <div id="u1651_div" class=""></div>
        <div id="u1651_text" class="text ">
          <p><span>客厅</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1652" class="ax_default label">
        <div id="u1652_div" class=""></div>
        <div id="u1652_text" class="text ">
          <p><span>灯泡</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1653" class="ax_default label">
        <div id="u1653_div" class=""></div>
        <div id="u1653_text" class="text ">
          <p><span>外接灯泡</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1654" class="ax_default icon">
        <img id="u1654_img" class="img " src="images/3_2_1_选择灯泡/u1654.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1655" class="ax_default label">
        <div id="u1655_div" class=""></div>
        <div id="u1655_text" class="text ">
          <p><span>选择灯泡</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1656" class="ax_default icon">
        <img id="u1656_img" class="img " src="images/3_2_1_选择灯泡/u1656.png"/>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u1657" class="ax_default _形状" data-label="Rectangle">
        <div id="u1657_div" class=""></div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1658" class="ax_default" data-left="76" data-top="36" data-width="322" data-height="18">

        <!-- Unnamed (组合) -->
        <div id="u1659" class="ax_default" data-left="362" data-top="36" data-width="29" data-height="16">

          <!-- Unnamed (矩形) -->
          <div id="u1660" class="ax_default _形状">
            <div id="u1660_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1661" class="ax_default _形状">
            <div id="u1661_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1662" class="ax_default _形状">
            <div id="u1662_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u1663" class="ax_default image">
          <img id="u1663_img" class="img " src="images/1_0_闹钟页面/u175.png"/>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u1664" class="ax_default _文本段落" data-label="Header 2">
          <div id="u1664_div" class=""></div>
          <div id="u1664_text" class="text ">
            <p><span>21：25</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u1665" class="ax_default _文本段落" data-label="Header 2">
          <div id="u1665_div" class=""></div>
          <div id="u1665_text" class="text ">
            <p><span>100%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1666" class="ax_default" data-left="78" data-top="80" data-width="195" data-height="26">

        <!-- Unnamed (形状) -->
        <div id="u1667" class="ax_default icon">
          <img id="u1667_img" class="img " src="images/3_1_睡眠日志/u1439.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1668" class="ax_default label">
          <div id="u1668_div" class=""></div>
          <div id="u1668_text" class="text ">
            <p><span>外接灯泡</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1669" class="ax_default" data-left="65" data-top="134" data-width="321" data-height="85">

        <!-- Unnamed (矩形) -->
        <div id="u1670" class="ax_default _形状">
          <div id="u1670_div" class=""></div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u1671" class="ax_default _水平线">
          <img id="u1671_img" class="img " src="images/3_2_1_选择灯泡/u1671.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1672" class="ax_default label">
          <div id="u1672_div" class=""></div>
          <div id="u1672_text" class="text ">
            <p><span>选择灯泡</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u1673" class="ax_default image">
          <img id="u1673_img" class="img " src="images/3_2_1_选择灯泡/u1673.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1674" class="ax_default label">
          <div id="u1674_div" class=""></div>
          <div id="u1674_text" class="text ">
            <p><span>启动</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1675" class="ax_default" data-left="326" data-top="143" data-width="44" data-height="24">

          <!-- Unnamed (矩形) -->
          <div id="u1676" class="ax_default _形状">
            <div id="u1676_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1677" class="ax_default _形状">
            <div id="u1677_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1678" class="ax_default" data-left="65" data-top="245" data-width="321" data-height="46">

        <!-- Unnamed (组合) -->
        <div id="u1679" class="ax_default" data-left="65" data-top="245" data-width="321" data-height="46">

          <!-- Unnamed (矩形) -->
          <div id="u1680" class="ax_default _形状">
            <div id="u1680_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1681" class="ax_default label">
          <div id="u1681_div" class=""></div>
          <div id="u1681_text" class="text ">
            <p><span>灯泡打开</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1682" class="ax_default label">
          <div id="u1682_div" class=""></div>
          <div id="u1682_text" class="text ">
            <p><span>立即</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u1683" class="ax_default image">
          <img id="u1683_img" class="img " src="images/3_2_1_选择灯泡/u1683.png"/>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1684" class="ax_default" data-left="369" data-top="176" data-width="215" data-height="110">

        <!-- Unnamed (图片) -->
        <div id="u1685" class="ax_default image">
          <img id="u1685_img" class="img " src="images/图例/u58.png"/>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u1686" class="ax_default _文本段落" data-label="Header 2">
          <div id="u1686_div" class=""></div>
          <div id="u1686_text" class="text ">
            <p><span>点击（Tap）</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1687" class="ax_default" data-left="369" data-top="193" data-width="179" data-height="8">

          <!-- Unnamed (水平线) -->
          <div id="u1688" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="176" CompoundMode="true">
            <img id="u1688_img" class="singleImg img " src="images/3_2_1_选择灯泡/u1688.png"/>
            <div id="u1688p000" class="ax_vector_shape" WidgetTopLeftX="-0.488888888888889" WidgetTopLeftY="-0.166666666666667" WidgetTopRightX="0.488888888888889" WidgetTopRightY="-0.166666666666667" WidgetBottomLeftX="-0.488888888888889" WidgetBottomLeftY="0" WidgetBottomRightX="0.488888888888889" WidgetBottomRightY="0">
              <img id="u1688p000_img" class="img " src="images/3_2_1_选择灯泡/u1688p000.png"/>
            </div>
            <div id="u1688p001" class="ax_vector_shape" WidgetTopLeftX="0" WidgetTopLeftY="-0.5" WidgetTopRightX="44" WidgetTopRightY="-0.5" WidgetBottomLeftX="0" WidgetBottomLeftY="0" WidgetBottomRightX="44" WidgetBottomRightY="0">
              <img id="u1688p001_img" class="img " src="images/图例/u9p001.png"/>
            </div>
            <div id="u1688p002" class="ax_vector_shape" WidgetTopLeftX="8.6" WidgetTopLeftY="0" WidgetTopRightX="-0.2" WidgetTopRightY="0" WidgetBottomLeftX="8.6" WidgetBottomLeftY="-0.05" WidgetBottomRightX="-0.2" WidgetBottomRightY="-0.05">
              <img id="u1688p002_img" class="img " src="images/图例/u9p002.png"/>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1689" class="ax_default _形状">
            <div id="u1689_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1690" class="ax_default icon">
        <img id="u1690_img" class="img " src="images/3_2_1_选择灯泡/u1690.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1691" class="ax_default label">
        <div id="u1691_div" class=""></div>
        <div id="u1691_text" class="text ">
          <p><span>卧室1</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1692" class="ax_default box_1">
        <img id="u1692_img" class="img " src="images/3_2_1_选择灯泡/u1692.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1693" class="ax_default label">
        <div id="u1693_div" class=""></div>
        <div id="u1693_text" class="text ">
          <p><span>功能逻辑：</span></p><p><span>外接灯泡【3.2】可在打开启动开关，灯泡连接后出现选择灯泡的选项。用户可以选择在闹钟响起来时需要打开的灯泡</span></p><p><span><br></span></p><p><span>交互逻辑：</span></p><p><span>在选择灯泡页面，单击所需灯泡，被选中的灯泡字号从16变到18，字体加粗。点击“灯泡+”可添加新连接的灯泡。</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
